<template>
  <div>
    <Canvascom></Canvascom>
    <Formcom></Formcom>
  </div>
</template>

<script>
  import Formcom from './Form.vue'
  import Canvascom from './Canvas.vue'
  export default {
    name: 'Login',
    data () {
      return {
        msg: ''
      }
    },
    components:{
        'Formcom':Formcom,
        'Canvascom':Canvascom
    },
    beforeCreate(){
      document.body.classList.add('login-full');
      document.getElementsByTagName('html')[0].classList.add('login-full');
//      document.getElementsById('#app').classList.add('login-full');
    },
    beforeDestroy(){
      document.body.classList.remove('login-full');
      document.getElementsByTagName('html')[0].classList.remove('login-full');
//      document.getElementsById('#app').classList.add('login-full');
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
<style>
  .login-full{
    width: 100%;
    height: 100%;
  }
</style>
